<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
    <title>Создание модального окна</title>

</head>
<body>

    <div class="text">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam eum, quaerat temporibus modi, placeat velit perferendis nam sunt nulla impedit earum nobis quis quisquam magni! Fuga laboriosam, consectetur aspernatur voluptatibus.</p>
    </div>

    <div class="mask">
        <div class="modal">
                <h3>Модальное окно</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto deleniti eius perferendis recusandae tempora. Accusamus, consectetur eveniet ex excepturi nobis obcaecati porro totam vitae!</p>
                <button class="btn success" type="submit">Принять</button>
                <button class="btn cancel" type="cancel">Отмена</button>
                <button class="modal-close" ><img src="img/close.png" alt=""></button>
        </div>
    </div>
</body>
</html>
